<template>
    <div>
        <h5>自己页面的内容</h5>
        <div>
            跳到此页面时带的参数：{{ $route.params.id }} -- {{ id }}
            <h6>子组件中的内容</h6><el-button @click="moveDo">展示更多操作</el-button>
            <router-view></router-view>
        </div>
    </div>
</template>
<script>
export default {
    name: 'father-page',
    props: ['id'],
    created(){
        // 解决bug--页面加载进入后，不能自动加载嵌套路由的组件到出口展示
        this.$router.push(this.$route.path)
    },
    methods:{
        moveDo() {
            this.$router.push('/father/' + this.$route.params.id + '/Select')
        }
    }
}
</script>
<style scoped></style>